<template>
  <div
      class="back-box"
      @click="backHome"
  >
    <el-icon
        class="back-btn"
    ><ArrowLeftBold />
    </el-icon>
    <span>返回</span>
  </div>
</template>

<script setup>
import {ElIcon, } from 'element-plus'
import {ArrowLeftBold} from '@element-plus/icons-vue'
import {useRouter} from "vue-router";
const router = useRouter()
const backHome = ()=>{
  router.push('/')
}
</script>

<style scoped lang="less">
.back-box{
  cursor: pointer;
  color: white;
  z-index: 999;
  position: absolute;
  top: -6%;
  left: -3.8%;
  font-size: 3vh;
  .back-btn{
    height: 0vh;
    width: 1vw;
    font-size: 2vh;
  }
  span{
    font-size: 2vh;
  }
}
</style>